<template>
	<div>
		<div style="display: inline-block;">
			<div style="position: relative;display: inline-block;" v-if="isAuth('citys:shezhidaili')">
				<span>省份:</span>
				<el-select v-model="parentId" style="width:150px;margin-left: 10px;" @change="handleChange()">
					<el-option v-for="item in citys" :key="item.id" :label="item.cityName" :value="item.id">
					</el-option>
				</el-select>
			</div>
			<div style="position: relative;display: inline-block;" v-if="isAuth('citys:shezhidaili')">
				<span>代理城市:</span>
				<el-select v-model="cityId" style="width:150px;margin-left: 10px;" :disabled="parentId==''"
					@change="select()">
					<el-option v-for="item in citys2" :key="item.id" :label="item.cityName" :value="item.id">
					</el-option>
				</el-select>
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>订单类型：</span>
				<el-select v-model="indentType" style="width:150px;margin-left: 10px;" @change="select()">
					<el-option v-for="item in homeData1" :key="item.id" :label="item.title" :value="item.id">
					</el-option>
				</el-select>&nbsp;&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>状态：</span>
				<el-select v-model="indentState" style="width:150px;margin-left: 10px;" @change="select()">
					<el-option v-for="item in statesnum1" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>订单号:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入订单号"
					v-model="indentNumber">
				</el-input>&nbsp;&nbsp;
			</div>
			<!-- <div style="position: relative;display: inline-block;">
				<span>下单人昵称:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入下单人昵称" v-model="phoneT">
				</el-input>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;">
				<span>乘客昵称:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入乘客昵称" v-model="customName">
				</el-input>&nbsp;&nbsp;
			</div> -->

			<div style="position: relative;display: inline-block;margin:5px;">
				<span>下单手机号:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入下单手机号"
					v-model="shipUserPhone">
				</el-input>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>师傅昵称:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入师傅昵称"
					v-model="riderNickName">
				</el-input>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>师傅手机号:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入师傅手机号"
					v-model="riderPhone">
				</el-input>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;">
				<span>乘客电话:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入乘客电话"
					v-model="customPhone">
				</el-input>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>下单类型：</span>
				<el-select v-model="addType" style="width:150px;margin-left: 10px;" @change="select()">
					<el-option v-for="item in statesnum2" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>价格计算方式：</span>
				<el-select v-model="moneyType" style="width:150px;margin-left: 10px;" @change="select()">
					<el-option v-for="item in statesnum3" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>&nbsp;&nbsp;
			</div>

			<div style="display: inline-block;margin:5px;">
				<span>日期类型：</span>
				<el-select v-model="flag" style="width:150px;margin-left: 10px;" @change="orderfenxi">
					<el-option v-for="item in flags" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>&nbsp;&nbsp;&nbsp;
				<span>日期：</span>
				<el-date-picker style="width: 200px;margin-left: 10px;" v-model="info.stockDate" align="right"
					type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期" @change="animeOrder">
				</el-date-picker>
			</div>
			<el-button style="margin:10px;" size="mini" type="primary" icon="document" @click="select">查询
			</el-button>
			<el-button style="margin:10px;" size="mini" type="primary" icon="document" @click="cleans">重置
			</el-button>&nbsp;&nbsp;
			<!-- <el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="addBtn()">添加
			</el-button> -->
		</div>
		<el-table v-loading="tableDataLoading" :data="homeData.records">
			<el-table-column fixed prop="indentId" label="编号" width="80">
			</el-table-column>
			<el-table-column prop="cityName" label="代理城市" v-if="isAuth('citys:shezhidaili')"></el-table-column>
			<el-table-column prop="indentId" label="下单人昵称" width="120">
				<template slot-scope="scope">
					<div style="color: #4f9dec;cursor: pointer;" @click="updatesvideo(scope.row.userId)">
						{{scope.row.shipUserName}}
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="shipUserPhone" label="下单手机号"></el-table-column>
			<el-table-column prop="indentType" label="订单类型">
				<template slot-scope="scope">
					<div v-if="scope.row.indentType==1">即时代驾</div>
					<div v-if="scope.row.indentType==2">朋友代叫</div>
					<div v-if="scope.row.indentType==3">预约代驾</div>
				</template>
			</el-table-column>
			<el-table-column prop="indentNumber" label="订单号"></el-table-column>
			<el-table-column prop="shipAddressDetail" label="乘客信息" width="200">
				<template slot-scope="scope">
					<div>
						<div>乘客姓名: {{scope.row.customName?scope.row.customName:'-'}} </div>
						<div>乘客电话: {{scope.row.customPhone?scope.row.customPhone:'-'}}</div>
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="shipAddressDetail" label="下单人信息" width="200">
				<template slot-scope="scope">
					<div>
						<div>下单人昵称: {{scope.row.shipUserName?scope.row.shipUserName:'-'}} </div>
						<div>下单人电话: {{scope.row.shipUserPhone?scope.row.shipUserPhone:'-'}}</div>
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="deilveryAddressDetail" label="下单地址" width="200">
				<template slot-scope="scope">
					<div>{{scope.row.shipAddress}}</div>
					<div>目的经纬度：{{scope.row.shipAddressLatitude}} {{scope.row.shipAddressLongitude}}</div>
				</template>
			</el-table-column>
			<el-table-column prop="deilveryAddressDetail" label="目的地址" width="200">
				<template slot-scope="scope">
					<div>{{scope.row.deliveryAddress}}</div>
					<div>目的经纬度：{{scope.row.deliveryAddressLatitude}} {{scope.row.deliveryAddressLongitude}}</div>
				</template>
			</el-table-column>
			<el-table-column prop="shipAddressDetail" label="师傅信息" width="200">
				<template slot-scope="scope">
					<div>
						<div>师傅姓名: {{scope.row.riderNickName?scope.row.riderNickName:'-'}} </div>
						<div>师傅电话: {{scope.row.riderPhone?scope.row.riderPhone:'-'}}</div>
					</div>
				</template>
			</el-table-column>
			<!-- <el-table-column prop="riderDistance" label="师傅距离起始/终点位置距离(米)" width="140">
      </el-table-column>
 -->
			<el-table-column prop="distance" label="预估总路程(公里)"></el-table-column>
			<el-table-column prop="indentBasicsMoney" label="基础价格">
			</el-table-column>
			<el-table-column prop="userScaleMoney" label="上级抽佣金额">
				<template slot-scope="scope">
					<div style="color: #f56c6c;cursor: pointer;" @click="updatesvideo(scope.row.userScaleUserId)">
						{{scope.row.userScaleMoney?scope.row.userScaleMoney:'0'}}
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="userTwoMoney" label="上上级抽佣金额">
				<template slot-scope="scope">
					<div style="color: #f56c6c;cursor: pointer;" @click="updatesvideo(scope.row.userTwoUserId)">
						{{scope.row.userTwoMoney?scope.row.userTwoMoney:'0'}}
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="platformMoney" label="平台收入">
			</el-table-column>
			<el-table-column prop="riderRewardMoney" label="师傅奖励金额">
			</el-table-column>
			<el-table-column prop="riderMoney" label="师傅收入">
			</el-table-column>

			<el-table-column prop="pingRate" label="平台分成比例">
			</el-table-column>
			<!-- <el-table-column prop="agentIndentMoney" label="代理订单价格" v-if="isAuth('citys:shezhidaili')">
      </el-table-column> -->
			<el-table-column prop="agentMoney" label="代理收入金额" v-if="isAuth('citys:shezhidaili')">
			</el-table-column>
			<el-table-column prop="couponMoney" label="优惠券抵扣金额">
			</el-table-column>
			<el-table-column prop="indentMoney" label="支付金额">
				<template slot-scope="scope">
					<div style="color: #f56c6c;">
						{{scope.row.indentMoney?scope.row.indentMoney:'0'}}
					</div>
				</template>
			</el-table-column>
			<!-- <el-table-column prop="userFine" label="用户取消订单罚金">
			</el-table-column> -->
			<el-table-column prop="riderFine" label="师傅取消订单罚金">
			</el-table-column>
			<!-- <el-table-column prop="itemCodeFlag" label="是否有确认码">
				<template slot-scope="scope">
					<div v-if="scope.row.itemCodeFlag==1">没有收货码</div>
					<div v-if="scope.row.itemCodeFlag==0">有收货码</div>
				</template>
			</el-table-column> -->
			<el-table-column prop="hopeTime" label="预约时间" width="160">
			</el-table-column>
			<el-table-column prop="remarks" label="备注" width="200">
				<template slot-scope="scope">
					<span>{{scope.row.remarks}}</span>
					<el-button size="mini" type="primary" plain
						v-if="scope.row.state!=5&&scope.row.state!=3&&scope.row.state!=4" @click="updateBz(scope.row)"
						style="margin:5px;">修改</el-button>
				</template>
			</el-table-column>
			<!-- <el-table-column prop="itemCode" label="确认码">
				<template slot-scope="scope">
					<div v-if="scope.row.itemCodeFlag==1">-</div>
					<div v-else>{{scope.row.itemCode}}</div>
				</template>
			</el-table-column> -->
			<el-table-column prop="modeOfPayment" label="支付方式">
				<template slot-scope="scope">
					<div v-if="scope.row.modeOfPayment==1">微信</div>
					<div v-else-if="scope.row.modeOfPayment==2">支付宝</div>
					<div v-else-if="scope.row.modeOfPayment==0">余额</div>
					<div v-else>-</div>
				</template>
			</el-table-column>

			<el-table-column prop="payUser" label="付款对象">
				<template slot-scope="scope">
					<div v-if="scope.row.payUser==1">乘车人</div>
					<div v-if="scope.row.payUser==0">下单人</div>
				</template>
			</el-table-column>
			<el-table-column prop="addType" label="下单类型">
				<template slot-scope="scope">
					<div v-if="scope.row.addType==1">用户下单</div>
					<div v-if="scope.row.addType==2">司机下单</div>
				</template>
			</el-table-column>
			<el-table-column prop="moneyType" label="价格计算方式">
				<template slot-scope="scope">
					<div v-if="scope.row.moneyType==1">包时订单</div>
					<div v-if="scope.row.moneyType==2">按时长收费</div>
				</template>
			</el-table-column>
			<el-table-column prop="timeNum" label="时间数" width="160">
			</el-table-column>
			<el-table-column prop="startWaitTime" label="开始等待时间" width="160">
			</el-table-column>
			<el-table-column prop="endWaitTime" label="结束等待时间" width="160">
			</el-table-column>
			<el-table-column prop="waitTime" label="等待总时长(分钟)" width="160">
			</el-table-column>
			<el-table-column prop="freeWaitTime" label="免费等待时长" width="160">
			</el-table-column>
			<el-table-column prop="waitMoney" label="等待总费用" width="160">
			</el-table-column>

			<el-table-column prop="receivingTime" label="接单时间" width="160">
			</el-table-column>
			<el-table-column prop="finishTime" label="完成时间" width="160">
			</el-table-column>
			<el-table-column prop="createTime" label="创建时间" width="160">
			</el-table-column>

			<el-table-column prop="indentState" label="状态" fixed="right">
				<template slot-scope="scope">
					<div v-if="scope.row.indentState==0">待接单</div>
					<div v-if="scope.row.indentState==1">已接单</div>
					<div v-if="scope.row.indentState==2">进行中</div>
					<div v-if="scope.row.indentState==3">待支付</div>
					<div v-if="scope.row.indentState==4">已完成</div>
					<div v-if="scope.row.indentState==5">已取消</div>
				</template>
			</el-table-column>
			<el-table-column label="操作" width="120" fixed='right'>
				<template slot-scope="scope"> <!-- v-if="scope.row.indentState==0" -->
					<el-button size="mini" type="primary" plain v-if="scope.row.indentState==0"
						:disabled="!isAuth('mission:kaishi')" @click="paidan(scope.row,1)"
						style="margin: 3px;">派单</el-button>
					<el-button size="mini" type="primary" plain
						v-if="scope.row.indentState==1||scope.row.indentState==2" :disabled="!isAuth('mission:kaishi')"
						@click="paidan(scope.row,2)" style="margin: 3px;">转单</el-button>
					<el-button size="mini" type="warning" plain @click="dituguihua(scope.row)"
						style="margin: 3px;">线路规划</el-button>
					<el-button size="mini" type="primary" v-if="scope.row.indentState==1"
						:disabled="!isAuth('mission:kaishi')" @click="zhuandan(scope.row)"
						style="margin: 3px;">开始服务</el-button>
					<el-button size="mini" type="primary" v-if="scope.row.indentState==2"
						:disabled="!isAuth('mission:wancheng')" @click="wancheng(scope.row)"
						style="margin: 3px;">师傅完成</el-button>
					<el-button size="mini" type="info" v-if="Number(scope.row.indentState)==1" style="margin: 3px;"
						:disabled="!isAuth('mission:quxiao')" @click="compile(scope.$index, scope.row)">师傅取消订单
					</el-button>
					<el-button size="mini" type="primary" @click="jiashiBtn(scope.row)"
						style="margin: 3px;">加时记录</el-button> <!-- v-if="scope.row.moneyType==1" -->
					<el-button size="mini" type="warning" v-if="scope.row.indentState!=4&&scope.row.indentState!=5&&scope.row.riderUserId"
						:disabled="!isAuth('mission:wancheng')" @click="wanchengOr(scope.row)"
						style="margin: 3px;">完成订单</el-button>
				</template>
			</el-table-column>
		</el-table>
		<div style="color: #B94A48;font-size: 20px;margin-top: 10px;" v-if="totalMoney">本页累计交易统计：{{totalMoney}}元
		</div>
		<div style="text-align: center;margin-top: 10px;float:right">
			<el-pagination @size-change="handleSizeChange2" @current-change="handleCurrentChange2"
				:page-sizes="[10, 20, 30, 40]" :page-size="size" :current-page="page"
				layout="total,sizes, prev, pager, next,jumper" :total="homeData.total">
			</el-pagination>
		</div>
		<!-- 师傅列表 -->
		<el-dialog title="师傅列表" :visible.sync="dialogFormVisible" center width="70%">
			<div style="margin:2% 0;display: inline-block;">
				<span>手机号:</span>
				<el-input style="width: 150px;" @keydown.enter.native="selectU" clearable placeholder="请输入手机号"
					v-model="phoneU"></el-input>
			</div>
			<div style="margin:2% 0;display: inline-block;">
				<span>昵称:</span>
				<el-input style="width: 150px;" @keydown.enter.native="selectU" clearable placeholder="请输入昵称"
					v-model="campus"></el-input>
			</div>
			<div style="display: inline-block;">
				<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="selectU">查询
				</el-button>
				<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="cleansU">重置
				</el-button>
			</div>
			<el-table v-loading="tableDataLoadingU" :data="userData.records">
				<el-table-column prop="userId" label="编号" width="80">
				</el-table-column>
				<el-table-column prop="nickName" label="用户昵称" width="120">
					<template slot-scope="scope">
						　<span style="color: #4f9dec;cursor: pointer;" @click="updates(scope.row.userId)"
							v-text="scope.row.nickName"></span>
					</template>
				</el-table-column>
				<el-table-column prop="avatar" label="用户头像" width="100">
					<template slot-scope="scope">
						　　<img v-if="scope.row.avatar && scope.row.avatar!=''" :src="scope.row.avatar" width="40"
							height="40" />
						<span v-else>暂无图片</span>
					</template>
				</el-table-column>
				<el-table-column prop="phone" label="手机号">
				</el-table-column>
				<el-table-column prop="createTime" label="创建时间" width="180">
				</el-table-column>
				<el-table-column label="操作" prop="id" width="100" fixed='right' align="center">
					<template slot-scope="scope">
						<el-button size="mini" type="primary" @click="userBtns(scope.row)">确认
						</el-button>
					</template>
				</el-table-column>
			</el-table>
			<div style="text-align: center;margin-top: 10px;">
				<el-pagination @size-change="handleSizeChangeU" @current-change="handleCurrentChangeU"
					:page-sizes="[10, 20, 30, 40]" :page-size="limit1" :current-page="page1"
					layout="total,sizes, prev, pager, next,jumper" :total="userData.total">
				</el-pagination>
			</div>
		</el-dialog>
		<!-- 修改备注时间 -->
		<el-dialog title="修改备注时间" :visible.sync="dialogFormVisibleBz" center>
			<div style="margin-bottom: 10px;">
				<span
					style="width: 200px;display: inline-block;text-align: right;position: relative;top: -70px;">备注：</span>
				<el-input style="width:50%;" v-model="content" type="textarea" :rows="4" placeholder="请输入备注">
				</el-input>
			</div>
			<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisibleBz = false">取 消</el-button>
				<el-button type="primary" @click="replyNoticeTo()">确 定</el-button>
			</div>
		</el-dialog>
		<!-- 加时记录 -->
		<el-dialog title="加时记录" :visible.sync="dialogFormVisibleJs" center width="80%">
			<div style="text-align: right;margin-right: 36px;">
				<el-button size="mini" type="primary" @click="jaishiAdd()">添加
				</el-button>
			</div>
			<el-table v-loading="tableDataLoadingU" :data="userDataJl.records">
				<el-table-column prop="recordId" label="编号" width="80">
				</el-table-column>
				<el-table-column prop="time" label="分钟数">
				</el-table-column>
				<el-table-column prop="createTime" label="创建时间">
				</el-table-column>
				<el-table-column label="操作" prop="id" width="100">
					<template slot-scope="scope">
						<el-button size="mini" type="danger" @click="jaishiDel(scope.row)">删除
						</el-button>
					</template>
				</el-table-column>
			</el-table>
			<div style="text-align: center;margin-top: 10px;">
				<el-pagination @size-change="handleSizeChangeJl" @current-change="handleCurrentChangeJl"
					:page-sizes="[10, 20, 30, 40]" :page-size="limit1" :current-page="page1"
					layout="total,sizes, prev, pager, next,jumper" :total="userDataJl.total">
				</el-pagination>
			</div>
		</el-dialog>
		<!-- 加时记录 -->
		<el-dialog title="加时" :visible.sync="dialogFormVisibleJsAdd" center>
			<div>
				<span style="width: 200px;display: inline-block;text-align: right;">加时类型：</span>
				<el-radio-group v-model="timeId">
					<el-radio v-for="(item,index) in dataList" :key="index" :label="item.timeId">
						时长：{{item.money}}/{{item.timeNum}}
						<span v-if="item.timeUnit==1">分钟</span>
						<span v-if="item.timeUnit==2">小时</span>
						<span v-if="item.timeUnit==3">天</span>
					</el-radio>
				</el-radio-group>
			</div>
			<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisibleJsAdd = false">取 消</el-button>
				<el-button type="primary" @click="changeSh()">确 定</el-button>
			</div>
		</el-dialog>
	</div>
</template>

<script>
	import {
		quillEditor
	} from 'vue-quill-editor'
	import 'quill/dist/quill.core.css'
	import 'quill/dist/quill.snow.css'
	import 'quill/dist/quill.bubble.css'
	import quillConfig from '../locality/quill-config.js'
	import axios from 'axios';
	import {
		jsonp
	} from 'vue-jsonp'
	import {
		provinceAndCityData,
		regionData,
		provinceAndCityDataPlus,
		regionDataPlus,
		CodeToText,
		TextToCode
	} from 'element-china-area-data'
	var cityOptions = []
	var geocoder, map, markersArray, infoWindow = [];
	export default {
		components: {
			quillEditor,
		},
		data() {
			return {
				dialogWidth: 0,
				size: 10,
				page: 1,
				state: '',
				limit: 10,
				classify: 6,
				classifys: 6,
				openValue: 1,
				closeValue: 2,
				title: '',
				type: '',
				nav: '',
				keyword: '',
				describes: '',
				checkBoxData: [], //多选框选择的值
				method: 'false',
				formLabelWidth: '200px',
				activeName: 'first',
				tableDataLoading: true,
				tableDataLoading4: false,
				dialogFormVisible3: false,
				dialogFormVisible1: false,
				dialogFormVisible2: false,
				dialogFormVisible5: false,
				dialogFormVisible6: false,
				dialogFormVisible7: false,
				dialogFormVisible8: false,
				dialogFormVisible9: false,
				homeData: [],
				homeData1: [{
						title: '全部',
						id: ''
					}, {
						title: '即时代驾',
						id: 1
					},
					{
						title: '朋友代叫',
						id: 2
					},
					{
						title: '预约代驾',
						id: 3
					},
				],
				choicenData2: [],
				choicenData: [],

				url: '',
				imageUrl: '',
				imageUrl2: '',
				id: '',
				bannerData: [],
				form1: {
					// id: '',
					// url: '',
					// imageUrl: ''
				},
				formcomp: {
					id: '',
					state: '',
					title: '',
					url: '',
					imageUrl: ''
				},
				userId: '',
				search: '',
				myPhone: '',
				classifyIds: 0,
				statusId: 1,
				statuss: [{
						id: -1,
						title: '全部'
					},
					{
						id: 0,
						title: '待审核'
					},
					{
						id: 1,
						title: '上架'
					},
					{
						id: 2,
						title: '下架'
					},
					{
						id: 3,
						title: '驳回'
					}
				],
				// 房屋信息
				phone: '', //电话
				name: '', //标题
				userIdss: '', //用户id
				titleImg: '', //封面图
				img: [], //详情图
				status: '', //状态0待审核  1上架  2下架 3驳回 (修改添加不传)

				area: '', //大小
				house: '', //户型
				price: '', //价格
				labels: [], //标签集合

				remark: '', //描述
				editorOption: {},
				options: regionData,
				storeAddress: [],
				storeAddre: '请选择城市',
				province: '', //省
				city: '', //市
				district: '', //区
				ids: '', //信息id

				nickName: '',
				userIds: {}, //用户列表
				bq: '', //输入的标签名
				missions: 0,
				shenheId: 0, //审核id
				contents: '', //驳回理由
				dialogVisible: false,
				radio: 1,
				multipleSelection: [],
				campus: '',
				campus1: '',
				campusName: '',


				quillOption: quillConfig,
				statusIdd: 1,
				///   0待接单 1已接单 2进行中 3待支付 4已完成 5已取消
				statesnum1: [{
						value: '',
						label: '全部'
					},
					{
						value: 0,
						label: '待接单'
					},
					{
						value: 1,
						label: '已接单'
					}, {
						value: 2,
						label: '进行中'
					}, {
						value: 3,
						label: '待支付'
					}, {
						value: 4,
						label: '已完成'
					}, {
						value: 5,
						label: '已取消'
					}
				],
				statesnum: [{
						value: 0,
						label: '全部'
					},
					{
						value: 1,
						label: '待支付'
					}, {
						value: 2,
						label: '待接单'
					}, {
						value: 3,
						label: '已接单'
					}, {
						value: 4,
						label: '已完成'
					}, {
						value: 5,
						label: '已取消'
					}
				],
				// x新的
				indentType: '', //跑腿类型
				deliveryUserPhone: '', //收货人手机号
				indentState: '', //任务状态
				flag: '',
				info: {
					stockDate: this.getNowTime(), //日期
				},
				flags: [{
					value: 'day',
					label: '按天查询'
				}, {
					value: 'month',
					label: '按月查询'
				}, {
					value: 'year',
					label: '按年查询'
				}],
				// 指派
				userData: {},
				phoneU: '',
				campus: '',
				ordersId: '',
				limit1: 10,
				page1: 1,
				dialogFormVisible: false,
				tableDataLoadingU: false,
				tableDataZd: [],
				laundryId: '',
				laundryIdU: '',

				// 添加/修改任务
				dialogFormVisibleRw: false,
				titles: '',
				buyType: '',
				productDetails: '', //商品信息
				deilveryAddressDetail: '', //收货详细地址
				deliveryAddress: '', //收货大概地址
				deliveryAddressA: '', //展示
				deliveryAddressLatitude: '', //收货地址纬度
				deliveryAddressLongitude: '', //收货地址经度
				deliveryUserName: '', //收货人姓名
				deliveryUserPhone: '', //收货人电话
				shipUserName: '', //发货人姓名
				shipUserPhone: '', //发货人电话
				shipAddressDetail: '师傅将在您附近3公里内购买', //指定详细地址
				shipAddress: '', //指定大概地址
				shipAddressA: '', //展示地址
				shipAddressLatitude: '', //指定地址纬度
				shipAddressLongitude: '', //指定地址经度
				sendOutTime: '立即送达',
				redPacketAmount: '',
				prepayMoney: '', //预估商品费
				tip: '', //小费
				itemCodeFlag: 0, //是否提供收货码 0是 1否
				nickNameRw: '',
				userIdRw: '',
				dialogFormVisibleDz: false,
				dizhiIndex: 1,
				weizhiIndex: 1, //1 发货；2收货
				serviceDetails: '', //物品信息
				distance: 3000, //预估距离
				errandMoney: 0, //跑腿费
				redPacketId: '', //红包id
				riderFine: 0, //师傅取消订单罚金
				userFine: 0, //用户取消订单罚金
				datesRq: '',
				times: '',
				indentBasicsMoney: 0, //基础价格
				redPacketTitle: '', //红包名称
				dingweiAddress: '',
				classifyId: '', //服务类型Id
				remarks: '', //备注
				itemWeight: '', //物品重量
				itemType: '', //物品类型
				cargoInsuranceFlag: 1, //是否保价 0是 1否
				itemMoney: 0, //物品价值

				homeData2: [], //服务类型集合
				addressId: '', //地址Id
				dizhiList: [], //用户地址列表
				address: '', //地址
				latitude: '', //纬度
				longitude: '', //经度
				redData: [], //红包列表
				dialogFormVisibleHb: false,
				info2: [{
					num: '0-25kg'
				}, {
					num: '26-30kg'
				}, {
					num: '31-40kg'
				}, {
					num: '41-50kg'
				}],
				wupin: [], //物品分类
				baojiafei: 0, //保价费
				teshuMoney1: 0,
				teshuMoney2: 0,
				jiajia1: 0,
				jiajia2: 0,
				jiajia3: 0,
				jiajia4: 0,
				phoneT: '',
				riderNickName: '',
				riderPhone: '',
				indentNumber: '',
				shipUserPhone: '',
				customPhone: '',
				totalMoney: 0,
				dialogFormVisibleDt: false,
				map: '',
				addOrUpdateVisible: false,
				typeIndex: '',
				dialogFormVisibleBz: false,
				ordersId: '',
				content: '',

				parentId: '',
				citys: [],
				citys2: [],
				cityId: '',

				dialogFormVisibleJs: false,
				userDataJl: {},
				moneyType: '', //价格计算方式 1包时订单 2按时长收费
				addType: '', //下单类型 1:用户下单 2:司机下单
				statesnum2: [{
						value: '',
						label: '全部'
					},
					{
						value: 1,
						label: '用户下单'
					}, {
						value: 2,
						label: '司机下单'
					},
				],
				statesnum3: [{
						value: '',
						label: '全部'
					},
					{
						value: 1,
						label: '包时订单'
					}, {
						value: 2,
						label: '按时长收费'
					},
				],
				dataList: [],
				dialogFormVisibleJsAdd: false,
				timeId: '',

			}
		},
		methods: {
			//处理默认选中当前日期
			getNowTime() {
				var now = new Date()
				var year = now.getFullYear() //得到年份
				var month = now.getMonth() //得到月份
				var date = now.getDate() //得到日期
				var hh = now.getHours() < 10 ? '0' + now.getHours() : now.getHours()
				var mm = now.getMinutes() < 10 ? '0' + now.getMinutes() : now.getMinutes()
				var ss = now.getSeconds() < 10 ? '0' + now.getSeconds() : now.getSeconds()
				month = month + 1
				month = month.toString().padStart(2, '0')
				date = date.toString().padStart(2, '0')
				var defaultDate = `${year}-${month}-${date} ${hh}:${mm}:${ss}`
				return defaultDate
				this.$set(this.info, 'stockDate', defaultDate)
			},
			handleAvatarSuccess3(file) {
				this.formcomp.imageUrl = file.data
			},
			handleAvatarSuccess4(file) {
				this.imageUrl = file.data
			},

			handleSizeChange1(val) {
				this.limit = val
				this.homeSelect()
			},
			handleCurrentChange1(val) {
				this.page = val
				this.homeSelect()
			},
			handleSizeChange2(val) {
				this.limit = val
				this.homeSelect()
			},
			handleCurrentChange2(val) {
				this.page = val
				this.homeSelect()
			},
			handleSizeChangeU(val) {
				this.limit1 = val;
				this.dataSelectUser()
			},
			handleCurrentChangeU(val) {
				this.page1 = val;
				this.dataSelectUser()
			},
			handleSizeChangeUser(val) {
				this.limit1 = val
				this.userClass()
			},
			handleCurrentChangeUser(val) {
				this.page1 = val
				this.userClass()
			},
			handleClick(tab, event) {
				this.page = 1
				this.indentState = 0
				this.phoneT = ''

				// if (tab._props.label == '同城帮买') {
				//   this.indentType = 3
				//   this.homeSelect()
				// }
				// if (tab._props.label == '同城服务') {
				//   this.type = 1
				//   this.indentType = 4
				//   this.homeSelect()
				// }
				if (tab._props.label == '送取任务') {
					this.indentType = 1
					this.homeSelect()
				}
			},
			// 师傅取消订单
			compile(index, rows) {
				this.$confirm(`确定师傅要取消订单吗?`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning',
				}).then(() => {
					this.$http({
						url: this.$http.adornUrl('adminerrand/riderCancelIndent'),
						method: 'post',
						params: this.$http.adornParams({
							'userId': rows.riderUserId,
							'indentId': rows.indentId,
						})
					}).then(({
						data
					}) => {
						if (data.code == 0) {
							this.$message({
								message: '操作成功',
								type: 'success',
								duration: 1500,
								onClose: () => {
									this.homeSelect()
								}
							})
						} else {
							this.$message({
								message: data.msg,
								type: 'warning',
								duration: 1500,
								onClose: () => {}
							})
						}
					})
				}).catch(() => {})
				// }).then((res) => {

				// }).catch(() => {
				// 	console.log('取消')
				// })
			},

			// 获取数据列表
			homeSelect() {
				this.totalMoney = 0
				this.tableDataLoading = true
				this.$http({
					url: this.$http.adornUrl(`adminerrand/findAllIndent`),
					method: 'post',
					params: this.$http.adornParams({
						'page': this.page,
						'limit': this.limit,
						'indentType': this.indentType,
						'deliveryUserPhone': this.phoneT,
						'indentState': this.indentState,
						'date': this.info.stockDate,
						'dateType': this.flag,
						'riderNickName': this.riderNickName,
						'riderPhone': this.riderPhone,
						'indentNumber': this.indentNumber,
						'shipUserPhone': this.shipUserPhone,
						'customPhone': this.customPhone,
						'cityId': this.cityId,
						'moneyType': this.moneyType,
						'addType': this.addType,


					})
				}).then(({
					data
				}) => {
					this.tableDataLoading = false
					let returnData = data.data
					this.homeData = data.data
					for (var i in this.homeData.records) {
						// this.homeData.list[i].goodsPriceZ = 0
						this.totalMoney = this.totalMoney + this.homeData.records[i].indentMoney

						// 	for (var j in this.tableData.list[i].orderGoodsList) {
						// 		this.tableData.list[i].orderGoodsList[j].goodsPriceZ = (this.tableData.list[i]
						// 			.orderGoodsList[j]
						// 			.goodsPrice * this.tableData.list[i].orderGoodsList[j].goodsNum)

						// 		this.tableData.list[i].goodsPriceZ = this.tableData.list[i].goodsPriceZ + this
						// 			.tableData.list[i].orderGoodsList[j].goodsPriceZ
						// 	}


					}
					this.totalMoney = this.totalMoney.toFixed(2)
				})
			},
			// 筛选信息
			animeDat2(classifyIds) {
				this.classifyIds = classifyIds
				this.homeSelect()
			},

			// 详情跳转
			updatesvideo(userId) {
				if (userId) {
					this.$router.push({
						path: '/userDetail',
						query: {
							userId: userId
						}
					})
				}

			},
			// 查询
			select() {
				this.page = 1
				this.limit = 10
				this.homeSelect()
			},
			// 重置
			cleans() {
				this.page = 1
				this.indentState = ''
				this.phoneT = ''
				this.riderNickName = ''
				this.riderPhone = ''
				this.shipUserPhone = ''
				this.flag = ''
				this.customPhone = ''
				this.indentNumber = ''
				this.cityId = ''
				this.parentId = ''
				this.moneyType = ''
				this.addType = ''
				this.indentType = ''
				this.info.stockDate = this.getNowTime()
				this.homeSelect()
			},
			// 订单分析选择日期
			animeOrder() {
				console.log('info', this.info)
				this.homeSelect()
				// this.colonel()
			},
			// 订单分析年月日
			orderfenxi(value) {
				this.page = 1
				let vanumber = value
				// if (vanumber === 1) {
				this.flag = value
				this.homeSelect()
				// this.colonel()
				// }
				// if (vanumber === 2) {
				// 	this.flag = 2
				// 	this.taskData()
				// 	this.colonel()
				// }
				// if (vanumber === 3) {
				// 	this.flag = 3
				// 	this.taskData()
				// 	this.colonel()
				// }
			},
			// 开始服务
			zhuandan(row) {
				this.$http({
					url: this.$http.adornUrl('adminerrand/riderStartDrive'),
					method: 'post',
					params: this.$http.adornParams({
						'userId': row.riderUserId,
						'indentId': row.indentId,
					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.homeSelect()
								// this.dialogFormVisible = false
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}


				})



			},

			// 师傅完成
			wancheng(row) {
				this.$http({
					url: this.$http.adornUrl('adminerrand/riderDelivery'),
					method: 'post',
					params: this.$http.adornParams({
						'userId': row.riderUserId,
						'indentId': row.indentId,
					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.homeSelect()
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}
				})
			},
			// 派单弹框
			paidan(row, index) {
				this.typeIndex = index
				this.ordersId = row.indentId
				this.page1 = 1
				this.campus = ''
				this.phoneU = ''
				this.laundryIdU = ''
				this.dataSelectUser()
				this.dialogFormVisible = true
			},
			// 确认选择
			userBtns(row) {
				var datas = {}
				datas.indentId = this.ordersId
				if (this.typeIndex == 1) {
					var url = 'adminerrand/distributionOrder'
					datas.userId = row.userId
				} else {
					var url = 'adminerrand/transferOfOrder'
					datas.riderUserId = row.userId
				}
				this.$http({
					url: this.$http.adornUrl(url),
					method: 'post',
					params: this.$http.adornParams(datas)
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.homeSelect()
								this.dialogFormVisible = false
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}


				})
			},
			// 获取数据列表
			dataSelectUser() {
				this.tableDataLoadingU = true
				this.$http({
					url: this.$http.adornUrl('user/getRiderList'),
					method: 'get',
					params: this.$http.adornParams({
						'page': this.page1,
						'limit': this.limit1,
						// 'member': this.member,
						'phone': this.phoneU,
						'nickName': this.campus,
						// 'userType': 2,
						// 'invitationCode': '',
						// 'platform': '',
						// 'onLineFlag':1,
					})
				}).then(({
					data
				}) => {
					this.tableDataLoadingU = false
					let returnData = data.data
					this.userData = returnData
				})
			},
			// 查询
			selectU() {
				this.page = 1
				this.dataSelectUser()
			},
			// 重置
			cleansU() {
				this.page1 = 1
				this.campus = ''
				this.phoneU = ''
				this.laundryIdU = ''
				this.dataSelectUser()
			},


			// 获取用户列表弹框
			userselect() {
				this.page1 = 1
				this.phone = ''
				this.nickName = ''
				this.dialogFormVisible3 = true
				this.userClass()
			},
			// 获取用户列表
			userClass() {
				let phone = ''
				if (this.phone) {
					phone = this.phone
				}
				let nickName = ''
				if (this.nickName) {
					nickName = this.nickName
				}
				this.tableDataLoading4 = true
				this.$http({
					url: this.$http.adornUrl('adminerrand/findAllUser'),
					method: 'get',
					params: this.$http.adornParams({
						'page': this.page1,
						'limit': this.limit1,
						// 'member': this.member,
						'phone': phone,
						'nickName': nickName,
						'userType': 1,
						'invitationCode': '',
						'platform': ''
					})
				}).then(({
					data
				}) => {
					this.tableDataLoading4 = false
					let returnData = data.data
					this.userIds = returnData
				})
			},
			// 查询用户列表
			userclick() {
				this.page1 = 1
				this.tableDataLoading4 = true
				this.userClass()
			},
			// 重置用户列表数据
			userclose() {
				this.page1 = 1
				this.phone = ''
				this.nickName = ''
				this.tableDataLoading4 = true

				this.userClass()
			},
			// 确定用户
			confirm(row) {
				this.userIdRw = row.userId
				this.nickNameRw = row.nickName
				// this.phone = row.phone
				if (this.nickNameRw == '' || this.nickNameRw == null) {
					this.nickNameRw = row.phone
				}
				this.dialogFormVisible3 = false
			},
			buyTypeBtn() {
				if (this.buyType == 0) {
					this.deliveryAddressA = '师傅将在您附近3公里内购买'
					this.shipAddress = ''
					this.shipAddressA = ''
				} else {
					this.deliveryAddressA = ''
					this.shipAddress = ''
					this.shipUserName = ''
					this.shipUserPhone = ''
					this.shipAddressA = ''
				}
			},
			// 选择服务类型
			guangaoSelect() {
				let page = this.page
				this.tableDataLoading = true
				this.$http({
					url: this.$http.adornUrl('app/servicetype/selectServiceTypeList'),
					method: 'get',
					params: this.$http.adornParams({
						// 'page': this.page,
						// 'limit': this.limit
					})
				}).then(({
					data
				}) => {
					this.tableDataLoading = false
					let returnData = data.data
					this.homeData2 = returnData
				})
			},
			// 获取物品类型获取物品类型
			xianshi() {
				this.$http({
					url: this.$http.adornUrl('common/type/334'),
					method: 'get',
					data: this.$http.adornData({})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						//this.wupin = data.data.value.split(',')
						this.wupin = data.data
					}
				})
			},
			// 线路规划弹框
			dituguihua(row) {
				var item = JSON.stringify(row)
				this.$router.push({
					path: '/dituguihua',
					query: {
						item: item
					}
				})

			},
			initMap() {
				var center = new TMap.LatLng(39.984104, 116.307503);
				//初始化地图
				var map = new TMap.Map("container", {
					rotation: 20, //设置地图旋转角度
					pitch: 30, //设置俯仰角度（0~45）
					zoom: 12, //设置地图缩放级别
					center: center //设置地图中心点坐标
				});
			},
			displayPolyline(pl) {
				// 创建 MultiPolyline显示路径折线
				var polylineLayer = new TMap.MultiPolyline({
					id: 'polyline-layer',
					map: map,
					styles: {
						style_blue: new TMap.PolylineStyle({
							color: '#3777FF',
							width: 8,
							borderWidth: 5,
							borderColor: '#FFF',
							lineCap: 'round',
						}),
					},
					geometries: [{
						id: 'pl_1',
						styleId: 'style_blue',
						paths: pl,
					}, ],
				});
			},
			// 修改备注、时间
			updateBz(row) {

				this.content = row.remarks
				this.ordersId = row.indentId
				this.dialogFormVisibleBz = true
			},
			// 修改
			replyNoticeTo() {
				if (this.content == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请输入备注',
						type: 'warning'
					});
					return
				}
				if (this.content.length > 100) {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '备注信息最多输入100字',
						type: 'warning'
					});
					return
				}
				this.$http({
					url: this.$http.adornUrl('indent/updateIndent'),
					method: 'post',
					// params: this.$http.adornParams({
					data: this.$http.adornData({
						'indentId': this.ordersId,
						'remarks': this.content,
					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '修改成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.homeSelect()
							}
						})
						this.dialogFormVisibleBz = false
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}

				})
			},
			// 获取城市省份列表
			dataSelectCity() {
				this.$http({
					url: this.$http.adornUrl('admin/cityInfo/getCityInfoList'),
					method: 'get',
					params: this.$http.adornParams({
						'parentId': 0,
						'cityName': '',
					})
				}).then(({
					data
				}) => {
					if (data && data.code === 0) {
						let returnData = data.data;
						this.citys = returnData.records
					}

				})
			},
			// 获取城市
			dataSelectCity2() {
				this.$http({
					url: this.$http.adornUrl('admin/cityInfo/getCityInfoList'),
					method: 'get',
					params: this.$http.adornParams({
						'parentId': this.parentId,
						'cityName': '',
					})
				}).then(({
					data
				}) => {
					if (data && data.code === 0) {
						this.citys2 = data.data.records
					}

				})
			},
			handleChange() {
				this.cityId = ''
				this.dataSelectCity2()
			},
			// 加时记录
			jiashiBtn(row) {
				this.page1 = 1
				this.cityId = row.cityId
				this.ordersId = row.indentId
				this.dataSelectJs()
				this.dialogFormVisibleJs = true
			},
			dataSelectJs() {
				this.tableDataLoadingU = true
				this.$http({
					url: this.$http.adornUrl('admin/indentTimeRecord/getIndentTimeRecordList'),
					method: 'get',
					params: this.$http.adornParams({
						'page': this.page1,
						'limit': this.limit1,
						'indentId': this.ordersId,
					})
				}).then(({
					data
				}) => {
					this.tableDataLoadingU = false
					let returnData = data.data
					this.userDataJl = returnData
				})
			},
			handleSizeChangeJl(val) {
				this.limit1 = val;
				this.dataSelectJs()
			},
			handleCurrentChangeJl(val) {
				this.page1 = val;
				this.dataSelectJs()
			},
			// 添加加时
			jaishiAdd() {
				this.$http({
					url: this.$http.adornUrl('admin/packageTime/getPackageTimeList'),
					method: 'get',
					params: this.$http.adornParams({
						'page': 1,
						'limit': 30,
						'cityId': this.cityId,
					})
				}).then(({
					data
				}) => {
					let returnData = data.data
					this.dataList = returnData.records
				})
				this.timeId = ''
				this.dialogFormVisibleJsAdd = true
			},
			// 确认添加
			changeSh() {
				this.$http({
					url: this.$http.adornUrl('admin/indentTimeRecord/indentAddTime'),
					method: 'post',
					params: this.$http.adornParams({
						// data: this.$http.adornData({
						'indentId': this.ordersId,
						'timeId': this.timeId,

					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.dialogFormVisibleJsAdd = false
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.dataSelectJs()
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}

				})
			},
			// 删除加时
			jaishiDel(row) {
				let delid = row.recordId
				this.$confirm(`确定删除此条信息?`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: ''
				}).then(() => {
					this.$http({
						url: this.$http.adornUrl('admin/indentTimeRecord/indentRemoveTime'),
						method: 'get',
						params: this.$http.adornParams({
							'recordId': delid
						})
					}).then(({
						data
					}) => {
						if (data.code == 0) {
							this.$message({
								message: '删除成功',
								type: 'success',
								duration: 1500,
								onClose: () => {
									this.dataSelectJs()
								}
							})
						} else {
							this.$message({
								message: data.msg,
								type: 'warning',
								duration: 1500,
								onClose: () => {}
							})
						}

					})
				}).catch(() => {})
			},
			// 完成订单
			wanchengOr(row) {
				this.$confirm(`确定完成订单?`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: ''
				}).then(() => {
					this.$http({
						url: this.$http.adornUrl('indent/accomplishOrders'),
						method: 'post',
						params: this.$http.adornParams({
							'indentId': row.indentId,
						})
					}).then(({
						data
					}) => {
						if (data.code == 0) {
							this.$message({
								message: '操作成功',
								type: 'success',
								duration: 1500,
								onClose: () => {
									this.homeSelect()
								}
							})
						} else {
							this.$message({
								message: data.msg,
								type: 'warning',
								duration: 1500,
								onClose: () => {}
							})
						}
					})

				}).catch(() => {})


			},
		},
		mounted() {
			this.parentId = ''
			this.homeSelect()
			this.guangaoSelect()
			this.xianshi()
			this.dataSelectCity()
		}
	}
</script>

<style>
	.customWidth {
		width: 80% !important;
	}

	.adver_main.box {
		display: block;
		max-width: 100%;
		text-align: center;
		border: 1px dotted rgba(67, 79, 103, .4);
	}

	.cards {
		padding: 0 8px;
		margin-bottom: 15px;
	}

	.adver_main.box a {
		display: flex;
		justify-content: center;
		height: 150px;
		line-height: 150px;
		text-decoration: none
	}

	.bannerManin {
		border: 1px solid #e8e8e8;
		font-size: 14px;
		padding: 0 24px;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 113px;
		color: rgba(0, 0, 0, .65);
	}

	.bannerManin span {
		display: inline-block;
		margin-left: 5px;
	}

	.bannerManin img {
		width: 48px;
		height: 48px;
		border-radius: 50%;
	}

	.bannerbtn {
		display: flex;
		border-top: none !important;
		border: 1px solid #e8e8e8;
		padding: 11px;
		font-size: 14px;
		color: #3E8EF7;
	}

	.bannerbtn a {
		flex: 1;
		text-align: center;
		color: #3E8EF7 !important;
		text-decoration: none;
	}

	.imgs {
		position: relative;
		border-radius: 6px;
		width: 148px;
		height: 148px;
		margin-right: 10px;
		display: inline-block;
	}

	.dels {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}

	.dels .el-icon-delete {
		line-height: 148px;
		padding-left: 58px;
		font-size: 25px;
		color: #fff;
	}

	.imgs:hover .dels {
		width: 100%;
		height: 100%;
		background: #000;
		display: block;
		opacity: 0.5;
	}

	.bqList {
		padding: 4px 14px;
		margin: 4px;
		border: 1px solid #efefef;
		font-size: 12px;
		color: #999;
		border-radius: 4px;
		margin-right: 15px;
	}

	.delss {
		display: none;
		position: relative;
	}

	.delss .el-icon-delete {
		position: absolute;
		top: 0;
	}

	.bqList:hover .delss {
		display: initial;
		opacity: 0.5;

	}

	.tj {
		padding: 6px !important;
		margin: 4px;
		font-size: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
</style>